@charset 'utf-8';
@import'reset';

html,body{
    width: 100%;
    height: 100%;
    background: #008b98;
    .web{
        height: 100%;
        background: url(../img/login/bg.jpg);
        .wrap-form{
            max-width: 600px;
            margin: 0 auto;
            text-align: center;
            header{
                padding-top: 83px;
                padding-bottom: 55px;
            }
            section{
                width: 500px;
                height: 420px;
                background: #FFF;
                border-radius: 20px;
                margin: auto;
                .title{
                    position: relative;
                    height: 88px;
                    width: 416px;
                    margin: 0 auto 40px;
                    p{
                        &:first-child{
                            top: 33px;
                            font-size: 18.01px;
                            color: #666;
                            left: 0;
                            right: 0;
                            margin: 0 auto;
                            position: absolute;
                            width: 281px;
                            z-index: 10;
                                background: #fff;
                        }
                        &:nth-child(2){
                            width: 100%;
                            height: 1px;
                            background: #ccc;
                            position: absolute;
                            top:49px;
                            z-index: 9;
                        }
                        &:last-child{
                            position: absolute;
                            font-size: 12px;
                            color: #ccc;
                            margin: 0 auto;
                            left: 0;
                            right: 0;
                            top: 71px;
                        }
                    }
                }
                form{
                    width: 416px;
                    margin: 0 auto;
                    input[type="text"],input[type="submit"]{
                        width: 100%;
                        border-radius: 30px;
                        height: 40px;
                        border-style: groove;
                        padding-left: 15px;
                        font-size: 13.01px;
                        &::-webkit-input-placeholder{
                            color: #999;
                            font-size: 13.01px;
                        }
                    }
                    input[type="submit"]{
                        background: #008b98;
                        color: #fff;
                        font-size: 13px;
                        &:hover{
                            cursor: pointer;
                        }
                    }
                    input[type="password"]{
                        width: 100%;
                        border-style: groove;
                        border-radius: 30px;
                        height: 40px;
                        margin: 28px 0;
                        padding-left: 15px;
                        &::-webkit-input-placeholder{
                            color: #999;
                            font-size: 16px;
                        }
                    }
                    .yanzhengma{
                        text-align: left;
                        font-size: 13px;
                        width: 100%;
                        height: 40px;
                        input[type='text']{
                            width: 138px;
                        }
                    } 
                    .check{
                        width: 100%;
                        text-align: right;
                        margin: 10px 0;
                        input[type="checkbox"]{
                            width: 18px;
                            height: 18px;
                            padding-right: 10px;
                            margin-right: 8px;
                            vertical-align: bottom;
                        }
                        label{
                            font-size: 12px;
                        }
                    }   
                }
            }
            footer{
                margin-top: 224px;
                color: white;
                font-size: 12px;
            }
        }
    }
}
